<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
    	
		<title>“帮帮帮”爱心互助</title>
<!--		<link rel="stylesheet" type="text/css" href="css/style1.css">-->
<!--		<link rel="stylesheet" type="text/css" href="css/container2.css">-->
<!--		<script src="js/jquery.min.js"></script>	&lt;!&ndash;导入jQuery&ndash;&gt;-->

		<!--<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,
    width=device-width,initial-scale=width" />-->
		<!--<script src="js/jquery.mobile-1.4.5.min.js"></script>-->	<!--导入mobile-jQuery-->
	 	<!--<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>-->
 		<!--<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>-->
		<link rel="stylesheet" href="{{ url_for('static',filename='css/style1.css') }}">
		<link rel="stylesheet" href="{{ url_for('static',filename='css/container1.css') }}">
        <link rel="stylesheet" href="{{ url_for('static',filename='css/container2.css') }}">
		<link rel="stylesheet" href="{{ url_for('static',filename='css/container3.css') }}">
		<script src="{{ url_for('static',filename='js/jquery.min.js') }}"></script>
		<!-- <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> -->

	</head>
	<body>
		<h1>帮帮帮</h1>		<!--顶部区-->
		
		
		<!-----------------container1区-------------------------------->
		<div id="container1">
			<div id="dropDownMenu">		<!-- 下拉菜单 -->
				<ul id="menuOptions">
					<li id='helpSeekLi'>寻求帮助</li>
					<li id='helpProvideLi'>提供帮助</li>
					<li id='helpOrg'>公益组织</li>
					<li id='helpInfo'>互助信息</li>
					<li id='loginLi'>用户登录</li>
					<li id='registerLi'>用户注册</li>
					<li id='deleteLi'>用户注销</li>
					<li id='adminFunLi'>管理员功能</li>
					<li id=''>个人中心</li>
					<li id=''>联系我们</li>
				</ul>
			</div>
			<img id='scrollImg' src="static/img/notice.png">
			<div id='notice' class="txt-scroll"> <!-- 公告 -->
				<div id='scroll' class="scrollbox">
					<div id='txt' class='txt'>'************************************************************************'</div>
				</div>	
			</div>	

			<div id="div1">
				<div id="menu"><img id="menuImg" src="static/img/menu1.png"/></div>
				<input id="search" type="search" value="search"/>
				<img id="searchImg" src="static/img/search0.png"/>
				<div id="loginout">登录</div>
			</div> 

			<div id="model"></div>	
			
			<div id="RotationChart"></div>	<!--轮播图-->		
			<div id="focusList"></div>	<!--焦点-->
			
			<div class="splitLineSolid">			<!--分隔符-->
				<hr/>
				<button id="helpBtn">help</button>
			</div>
			<div id="helpSeek" class="help">	<!--寻求帮助-->	
				<div class="help1">寻求帮助</div>
				<div id="seekMedicalHelp" class="help2">寻求医疗帮助</div>
				<div id="seekFinancialHelp" class="help2">寻求经济帮助</div>
			</div>
			<div id="helpProvide" class="help">	<!--提供帮助-->
				<div class="help1">提供帮助</div>
				<div id="provideMedicalHelp" class="help2">提供医疗帮助</div>
				<div id="donation" class="help2">捐款</div>
			</div>
			<div class="splitLineSolid">			<!--分隔符-->
				<hr/>
				<button id="orgBtn">organization</button>
			</div>
			
			<div id="orgRoll">		<!--组织滚动-->
				<div id="loveOrgPicture">			<!--爱心组织头像-->
				</div>
				<div id="loveOrgName">			<!--爱心组织名字-->
				</div>	
			</div>
			<div class="splitLineDashed">
				<hr/>
				<button id="moreOrgBtn">more</button>
			</div>
			
			<br>
			<div class="splitLineSolid">
				<hr/>
				<button id="informationBtn">information</button>
			</div>
			<div id="helpInfomation">			<!--互助信息-->
				<ul id="lookList"></ul>			<!-- 收藏星 -->
				<ul id="informationList"></ul>	<!-- 记录 -->
			</div>
			<div class="splitLineDashed">
				<hr/>
				<button id="moreInforBtn">more</button>
			</div>
			
		</div>
		<!-----------------container1区-------------------------------->
		
		<!-----------------container2区-------------------------------->
		<div id="container2">
			<div id='AllNotice'></div>	<!-- 所有的公告 -->
			<div id="moreBox">		<!--更多盒子-->
				<div id="moreFun">发布帖子</div>
				<div id="morePost">浏览帖子</div>
				<div id="moreOrg">组织信息</div>
				<div id="moreInfor">互助信息</div>
				<div id="moreAct">活动信息</div>	
				<div id="moreAdminFun">管理员功能</div>		
			</div>
			<div id="AllAct">		<!-- 所有活动 -->
				
			</div>
			<div id="AllFun">		<!-- 所有功能 -->
				<div id="seekMedicalHelp">寻求医疗帮助</div>
				<div id="seekFinancialHelp">寻求经济帮助</div>
				<div id="provideMedicalHelp">提供医疗帮助</div>
				<div id="donation">捐款</div>
				<br><br><br><br><br>
				<button id="prevBtn" class="smallBtn leftDownBtn">prev</button>
				<button id="nextBtn" class="smallBtn rightDownBtn">next</button>		
			</div>
			<div id='AllPost'></div>	<!-- 所有帖子 -->
			<div id="adminFun">		<!-- 所有功能 -->
				<div id="deletePost">删除帖子</div>
				<div id="reviewPost">审核帖子</div>
				<div id="publishNotice">发布公告</div>
				<div id="">投诉审核</div>
				<div id="">礼物发放</div>
				<br><br><br><br>
				<button id="prevBtn" class="smallBtn leftDownBtn">prev</button>
				<button id="nextBtn" class="smallBtn rightDownBtn">next</button>		
			</div>
			<div id='reviewPostFun'></div>	<!-- 审核帖子 -->
			<div id='deletePostFun'>		<!-- 发布公告 -->
				<span>删帖id</span>
				<input class="input" type="text" id="post_id"><br>
				<button id="submitBtn" class="bigBtn">提&nbsp;&nbsp;&nbsp;&nbsp;交</button><br><br><br><br>
				<button id="prevBtn" class="smallBtn leftDownBtn">prev</button>
				<button id="nextBtn" class="smallBtn rightDownBtn">next</button>
			</div>
			<div id='publishNoticeFun'>		<!-- 发布公告 -->
				<span>发布时间</span>
				<input class="input" type="date" id="publish_date"><br>
				<span>公告内容</span><br>
				<textarea  class="inputarea" id="content"></textarea><br>
				<button id="submitBtn" class="bigBtn">提&nbsp;&nbsp;&nbsp;&nbsp;交</button><br><br><br><br>
				<button id="prevBtn" class="smallBtn leftDownBtn">prev</button>
				<button id="nextBtn" class="smallBtn rightDownBtn">next</button>
			</div>


			<div id="AllOrg">		<!-- 所有组织 -->
				<!-- <div id='' class="oneOrg">
					<img src="static/rotation_image/r001.jpg">
					<span id="billboard_id">id</span>
					<span id="billboard_ranking">rank</span>
					<span id="owner_id">owner</span>
					<span id="publicity_title">title</span>
					<span id="publicity_content">内容</span>
				</div> -->
			</div>
			<div id="modifyOrg" class="postBox">		<!-- 修改宣传展示信息 -->
				<span>标&nbsp;&nbsp;&nbsp;&nbsp;题</span>
				<input class="input" type="text" id="publicity_title"><br>
				<span>内&nbsp;&nbsp;&nbsp;&nbsp;容</span><br>
				<textarea  class="inputarea" id="publicity_content"></textarea><br>
				<span>背景图片</span>
				<input class="input" type="file" id="bgImage"><br>
				<button id="modifyOrgBtn" class="bigBtn">提&nbsp;&nbsp;&nbsp;&nbsp;交</button><br><br><br><br><br>
				<button id="prevBtn" class="smallBtn leftDownBtn">prev</button>
				<button id="nextBtn" class="smallBtn rightDownBtn">next</button>
			</div>
			<div id="organizationInfo" > <!--组织用户信息-->
				<table class="userInfo">
					<tr><td>组织昵称</td><td id="short_name"></td></tr>
					<tr><td>组织id</td><td id="user_id"></td></tr>
					<tr><td>全名</td><td id="full_name"></td></tr>
					<tr><td>成立日期</td><td id="establish_date"></td></tr>
					<tr><td>注册日期</td><td id="sign_up_date"></td></tr>
					<tr><td>领导人</td><td id="chairman"></td></tr>
					<tr><td>评分</td><td id="score"></td></tr>
					<tr><td>电话</td><td id="telephone"></td></tr>
					<tr><td>邮箱</td><td id="email"></td></tr>
					<tr><td>地址</td><td id="address"></td></tr>
				</table>
				<button id="prevBtn" class="smallBtn leftDownBtn">prev</button>
				<button id="nextBtn" class="smallBtn rightDownBtn">next</button>	
			</div>
			<div id="individualInfo" > <!--个人用户信息-->
				<table class="userInfo">
					<tr><td>个人昵称</td><td id="nick_name"></td></tr>
					<tr><td>个人id</td><td id="user_id"></td></tr>
					<tr><td>真实姓名</td><td id="real_name"></td></tr>
					<tr><td>出生日期</td><td id="date_of_birth"></td></tr>
					<tr><td>注册日期</td><td id="sign_up_date"></td></tr>
					<tr><td>性别</td><td id="sex"></td></tr>
					<tr><td>积分</td><td id="points"></td></tr>
					<tr><td>电话</td><td id="telephone"></td></tr>
					<tr><td>邮箱</td><td id="email"></td></tr>
					<tr><td>地址</td><td id="address"></td></tr>
				</table>
				<button id="prevBtn" class="smallBtn leftDownBtn">prev</button>
				<button id="nextBtn" class="smallBtn rightDownBtn">next</button>	
			</div>

			<div id="AllHelpInfo"></div>	<!-- 所有互助信息 -->
			<div id="onePost" class="postBox">				<!-- 一个帖子 -->
				<span>主&nbsp;&nbsp;&nbsp;&nbsp;题</span>
				<input class="input" type="text" id="theme"><br>
				<span>帖子id</span>
				<input class="input" type="text" id="postId"><br>
				<span>发布时间</span>
				<input class="input" type="text" id="publishDate"><br>
				<span>有效时间</span>
				<input class="input" type="text" id="effectiveDate"><br>
				<span>阅读次数</span>
				<input class="input" type="text" id="numberOfViews"><br>
				<span>内&nbsp;&nbsp;&nbsp;&nbsp;容</span>
				<span id='publisher'>发&nbsp;&nbsp;起&nbsp;&nbsp;人&nbsp;→</span><br>
				<textarea  class="inputarea" id="content"></textarea><br>
				<span>附&nbsp;&nbsp;&nbsp;&nbsp;件</span>
				<input class="input" type="file" multiple="multiple" id="enclosure"><br>
				<button id="submitBtn" class="bigBtn">提&nbsp;供&nbsp;帮&nbsp;助</button>
				<button id="submitNBtn" class="bigBtn YNBtn">不&nbsp;&nbsp;通&nbsp;&nbsp;过</button>
				<button id="submitYBtn" class="bigBtn YNBtn">通&nbsp;&nbsp;&nbsp;&nbsp;过</button>
				<br><br><br><br><br>
				<button id="prevBtn" class="smallBtn leftDownBtn">prev</button>
				<button id="nextBtn" class="smallBtn rightDownBtn">next</button>
			</div>	

			<div id="seekMedicalHelpPost" class="postBox">		<!-- 寻求医疗帮助帖子 -->
				<span>主&nbsp;&nbsp;&nbsp;&nbsp;题</span>
				<input class="input" type="text" id="theme"><br>
				<span>有效时间</span>
				<input class="input" type="date" id="effectiveDate"><br>
				<span>内&nbsp;&nbsp;&nbsp;&nbsp;容</span><br>
				<textarea  class="inputarea" id="content"></textarea><br>
				<span>附&nbsp;&nbsp;&nbsp;&nbsp;件</span>
				<input class="input" type="file" multiple="multiple" id="enclosure"><br>
				<button id="postPublishBtn" class="bigBtn">提&nbsp;&nbsp;&nbsp;&nbsp;交</button><br><br><br><br><br>
				<button id="prevBtn" class="smallBtn leftDownBtn">prev</button>
				<button id="nextBtn" class="smallBtn rightDownBtn">next</button>
			</div>
			<div id="seekFinancialHelpPost" class="postBox">		<!-- 寻求经济帮助帖子 -->
				<span>主&nbsp;&nbsp;&nbsp;&nbsp;题</span>
				<input class="input" type="text" id="theme"><br>
				<span>有效时间</span>
				<input class="input" type="date" id="effectiveDate"><br>
				<span>内&nbsp;&nbsp;&nbsp;&nbsp;容</span><br>
				<textarea  class="inputarea" id="content"></textarea><br>
				<span>附&nbsp;&nbsp;&nbsp;&nbsp;件</span>
				<input class="input" type="file" multiple="multiple" id="enclosure"><br>
				<button id="postPublishBtn" class="bigBtn">提&nbsp;&nbsp;&nbsp;&nbsp;交</button><br><br><br><br><br>
				<button id="prevBtn" class="smallBtn leftDownBtn">prev</button>
				<button id="nextBtn" class="smallBtn rightDownBtn">next</button>
			</div>
			
			<div id="provideMedicalHelpPost" class="postBox">		<!-- 提供医疗帮助帖子 -->
				<span>主&nbsp;&nbsp;&nbsp;&nbsp;题</span>
				<input class="input" type="text" id="theme"><br>
				<span>有效时间</span>
				<input class="input" type="date" id="effectiveDate"><br>
				<span>内&nbsp;&nbsp;&nbsp;&nbsp;容</span><br>
				<textarea  class="inputarea" id="content"></textarea><br>
				<span>附&nbsp;&nbsp;&nbsp;&nbsp;件</span>
				<input class="input" type="file" multiple="multiple" id="enclosure"><br>
				<button id="postPublishBtn" class="bigBtn">提&nbsp;&nbsp;&nbsp;&nbsp;交</button><br><br><br><br><br>
				<button id="prevBtn" class="smallBtn leftDownBtn">prev</button>
				<button id="nextBtn" class="smallBtn rightDownBtn">next</button>
			</div>

			<div id="donationPost" class="postBox">		<!-- 捐款帖子 -->
				<span>金&nbsp;&nbsp;&nbsp;&nbsp;额</span>
				<input class="input" type="number" id="amount"><br>
				<span>爱心基金</span>
				<select id="fundNames" class="input"></select><br>
				<span>备&nbsp;&nbsp;&nbsp;&nbsp;注</span><br>
				<textarea  class="inputarea" id="comment"></textarea><br>
				<span>附&nbsp;&nbsp;&nbsp;&nbsp;件</span>
				<input class="input" type="file" multiple="multiple" id="enclosure"><br>
				<button id="postPublishBtn" class="bigBtn">提&nbsp;&nbsp;&nbsp;&nbsp;交</button><br><br><br><br><br>
				<button id="prevBtn" class="smallBtn leftDownBtn">prev</button>
				<button id="nextBtn" class="smallBtn rightDownBtn">next</button>
			</div>
			
			
		</div>
		<!-----------------container2区-------------------------------->
		
		<!-----------------container3区-------------------------------->
		<div id="container3">
			<div id="loginBox" class="inputBox">
				<span>用&nbsp;&nbsp;户&nbsp;&nbsp;名</span>
				<input class="input" type="text" id="username"><br>
				<span>密&nbsp;&nbsp;&nbsp;&nbsp;码</span>
				<input class="input" type="password" id="password"><br>
				<button id="loginBtn" class="bigBtn">登&nbsp;&nbsp;&nbsp;&nbsp;录</button><br>
				<button id="getBackPWBtn" class="smallBtn leftDownBtn">找回密码</button>
				<button id="registerBtn" class="smallBtn rightDownBtn">用户注册</button>
			</div>
			<div id="registerBox" class="inputBox">
				<span>用&nbsp;户&nbsp;名</span>
				<input class="input" type="text" id="username"><br>
				<span>手&nbsp;&nbsp;&nbsp;&nbsp;机</span>
				<input class="input" type="text" id="phonenumber"><br>
				<span>邮&nbsp;&nbsp;&nbsp;&nbsp;箱</span>
				<input class="input" type="text" id="email"><br>
				<span>密&nbsp;&nbsp;&nbsp;&nbsp;码</span>
				<input class="input" type="password" id="password1"><br>
				<span>密&nbsp;&nbsp;&nbsp;&nbsp;码</span>
				<input class="input" type="password" id="password2"><br>
				
				<input class="radioInput" id="radioInd" name="userType" type="radio" value="1" checked="true"/>个人
				<input class="radioInput" id="radioOrg" name="userType" type="radio" value="0"/>组织
				<input class="radioInput" id="radioAdm" name="userType" type="radio" value="2"/>管理员
				<br>
				<button id="registerBtn" class="bigBtn">注&nbsp;&nbsp;&nbsp;&nbsp;册</button><br>
				<button id="prevBtn" class="smallBtn leftDownBtn">prev</button>
				<button id="nextBtn" class="smallBtn rightDownBtn">next</button>
			</div>
			
			<div id="selfInfo">		<!--个人信息-->
				<div id="buttons">					
					<button id="deleteUserBtn" class="smallBtn">用户注销</button>
					<button id="modifyPWBtn" class="smallBtn">修改密码</button>					
				</div>
				<table id="selfInfoTop"> 
					<tr><td rowspan="2"><img/></td><td>用户昵称：</td><td id="name"></td></tr>
					<tr><td>用户id：</td><td id="user_id"></td></tr> 
				</table>
				<table id="individualUser" class="userInfo"> 	<!--个人用户-->
					<tr><td>用户名</td><td id="user_name"></td></tr>
					<tr><td>真实姓名</td><td id="real_name"></td></tr>
					<tr><td>出生日期</td><td id="date_of_birth"></td></tr>
					<tr><td>注册日期</td><td id="sign_up_date"></td></tr>
					<tr><td>性别</td><td id="sex"></td></tr>
					<tr><td>积分</td><td id="points"></td></tr>
					<tr><td>电话</td><td id="telephone"></td></tr>
					<tr><td>邮箱</td><td id="email"></td></tr>
					<tr><td>地址</td><td id="address"></td></tr>	
				</table>
				<table id="organizationUser" class="userInfo"> 		<!--组织用户-->
					<tr><td>用户名</td><td id="user_name"></td></tr>
					<tr><td>全名</td><td id="full_name"></td></tr>
					<tr><td>成立日期</td><td id="establish_date"></td></tr>
					<tr><td>注册日期</td><td id="sign_up_date"></td></tr>
					<tr><td>领导人</td><td id="chairman"></td></tr>
					<tr><td>评分</td><td id="score"></td></tr>
					<tr><td>电话</td><td id="telephone"></td></tr>
					<tr><td>邮箱</td><td id="email"></td></tr>
					<tr><td>地址</td><td id="address"></td></tr>		
				</table>
				<table id="adminUser" class="userInfo"> 		<!--组织用户-->
					<tr><td>用户名</td><td id="user_name"></td></tr>
					<tr><td>注册日期</td><td id="sign_up_date"></td></tr>
					<tr><td>电话</td><td id="telephone"></td></tr>
					<tr><td>邮箱</td><td id="email"></td></tr>
					<tr><td>权限级别</td><td id="permission_level"></td></tr>	
				</table>
				<button id="logoutBtn" class="bigBtn">退出登录</button>
			</div>

			<div id="deleteUserBox" class="inputBox">				<!-- 用户注销 -->
				<span>密&nbsp;&nbsp;&nbsp;&nbsp;码</span>
				<input class="input" type="password" id="password"><br><br>
				<button id="deleteUserBtn" class="bigBtn">确&nbsp;认&nbsp;注&nbsp;销</button><br>
				<button id="prevBtn" class="smallBtn leftDownBtn">prev</button>
				<button id="nextBtn" class="smallBtn rightDownBtn">next</button>
			</div>
			<div id="modifyPWBox" class="inputBox">				<!-- 修改密码 -->
				<span>旧&nbsp;&nbsp;密&nbsp;&nbsp;码</span>
				<input class="input" type="password" id="password1"><br>
				<span>新&nbsp;&nbsp;密&nbsp;&nbsp;码</span>
				<input class="input" type="password" id="password2"><br>
				<button id="modifyPWBtn" class="bigBtn">确&nbsp;认&nbsp;修&nbsp;改</button><br>
				<button id="prevBtn" class="smallBtn leftDownBtn">prev</button>
				<button id="nextBtn" class="smallBtn rightDownBtn">next</button>
			</div>	

			<div id="uploadFileBox" class="inputBox">				<!-- 上传文件 -->
				<span>图&nbsp;&nbsp;&nbsp;&nbsp;片</span>
				<input class="input" type="file" id="uploadImage"><br>
				<br>
				<button id="uploadImageBtn" class="bigBtn">确&nbsp;认&nbsp;上&nbsp;传</button><br>
				<button id="prevBtn" class="smallBtn leftDownBtn">prev</button>
				<button id="nextBtn" class="smallBtn rightDownBtn">next</button>
			</div>

			<div id="modifyInfoBox" class="inputBox">				<!-- 修改信息 -->
				<span></span>
				<input class="input" type="text" id="newInfo"><br>
				<br>
				<button id="modifyInfoBtn" class="bigBtn">确&nbsp;认&nbsp;修&nbsp;改</button><br>
				<button id="prevBtn" class="smallBtn leftDownBtn">prev</button>
				<button id="nextBtn" class="smallBtn rightDownBtn">next</button>
			</div>


		</div>
		<!-----------------container3区-------------------------------->
		
		
		
		
		<div id="blank"></div>		<!--空白盒子-->
		<!-----------------底部区-------------------------------->
		<div id="bottom">		<!--底部导航-->
			<div id="home">	<!--主页-->
				<img src="static/img/home1.png">
				<span>主&nbsp;页</span>
			</div>	
			<div id="more">
				<img src="static/img/more0.png">
				<span>更多</span>
			</div>
			<div id="mySelf">
				<img src="static/img/mySelf0.png">
				<span>未登录</span>
			</div>
		</div>
		<!-----------------底部区-------------------------------->	
	</body>
	
</html>
<script src="{{ url_for('static',filename='js/init.js') }}"></script>
<script src="{{ url_for('static',filename='js/txtscroll.js') }}"></script>
<script src="{{ url_for('static',filename='js/js1.js') }}"></script>
<script src="{{ url_for('static',filename='js/moreBox.js') }}"></script>
<script src="{{ url_for('static',filename='js/dynamic.js') }}"></script>
<script src="{{ url_for('static',filename='js/tools.js') }}"></script>
<script src="{{ url_for('static',filename='js/register.js') }}"></script>
<script src="{{ url_for('static',filename='js/login.js') }}"></script>
<script src="{{ url_for('static',filename='js/logout.js') }}"></script>
<script src="{{ url_for('static',filename='js/deleteUser.js') }}"></script>
<script src="{{ url_for('static',filename='js/modifyPW.js') }}"></script>
<script src="{{ url_for('static',filename='js/uploadFile.js') }}"></script>
<script src="{{ url_for('static',filename='js/modifyInfo.js') }}"></script>
<script src="{{ url_for('static',filename='js/help.js') }}"></script>
<script src="{{ url_for('static',filename='js/organization.js') }}"></script>
<script src="{{ url_for('static',filename='js/infomation.js') }}"></script>
<script src="{{ url_for('static',filename='js/adminFun.js') }}"></script>




